<!DOCTYPE html>
<html lang="en" class="no-js">

<head>
	<meta charset="UTF-8" />
	<!-- <meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1"> -->
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, viewport-fit=cover" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<meta http-equiv="x-ua-compatible" content="IE=edge" />

	<title>The Aviator: Part 2 | Codrops</title>
	<meta name="description"
		content="Demo of part 2: The Making of 'The Aviator': Animating a Basic 3D Scene with Three.js" />
	<meta name="keywords"
		content="three.js, webgl, tutorial, game, 3d, animation, airplane, web development, javascript" />
	<meta name="author" content="Karim Maaloul for Codrops" />
	<link rel="shortcut icon" href="favicon.ico">
	<link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,700,700italic' rel='stylesheet'
		type='text/css'>
	<link rel="stylesheet" type="text/css" href="css/demo.css" />
	<link rel="stylesheet" type="text/css" href="css/styles.css" />
	<script type="text/javascript" src="js/three.min.js"></script>
	<script type="text/javascript" src="js/main_step2.js" />
	</script>
	<!--[if IE]>
  		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
	<style>
		body #cdawrap {
			background: none;
			border: 1px solid #d1b790;
			top: auto;
			bottom: 12px;
			left: 12px;
			right: auto;
		}
	</style>
</head>

<body>
	<div class="world" id="world">
	</div>
	<nav class="meta">
		<a class="codrops-icon codrops-icon--prev" href="http://tympanus.net/Development/Interactive3DMallMap/"
			title="Previous Demo"><span>Previous Demo</span></a>
		<a class="codrops-icon codrops-icon--drop" href="http://tympanus.net/codrops/?p=26501"
			title="Back to the article"><span>Back to the Codrops article</span></a>
		<a class="demo-link" href="part1.html">Part 1</a>
		<a class="demo-link demo-link--current" href="part2.html">Part 2</a>
		<a id="cameraPositionX" class="demo-link">0</a>
		<a id="cameraPositionY" class="demo-link">0</a>
		<a id="cameraPositionZ" class="demo-link">0</a>
		<a id="cameraLookAtX" class="demo-link">0</a>
		<a id="cameraLookAtY" class="demo-link">0</a>
		<a id="cameraLookAtZ" class="demo-link">0</a>
		<a id="keyInfo" class="demo-link">0</a>
	</nav>
</body>

</html>